/* 全局 */
#app, body, html {width: 100%;height: 100%;font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
  line-height: 1.5;
  color: rgb(81, 90, 110);
  background-color: #f7f7f7;
  -webkit-font-smoothing: antialiased;}

a {color: #333;text-decoration: none;}
a:hover, a:focus {color: #000;text-decoration: none;}
a:link {text-decoration: none;}
a:-webkit-any-link {text-decoration: none;}
a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box;outline:none !important; -webkit-appearance: none;}
* {margin: 0;padding: 0;box-sizing: border-box;outline: none;}

/* 大布局样式 */
.aminui {display: flex;flex-flow: column;}
.aminui-wrapper {display: flex;flex:1;overflow: auto;}

/*布局设置*/
.layout-setting {position: fixed;width: 40px;height: 40px;border-radius: 3px 0 0 3px;bottom: 100px;right: 0px;z-index: 100;background: #409EFF;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.layout-setting i {font-size: 18px;color: #fff;}

/* 头部 */
.adminui-header {height: 60px;background: #fff;display: flex;justify-content:space-between;border-bottom: 1px solid #e5e6eb;
  .el-menu--horizontal>.el-menu-item {
    border-bottom: none !important;
  }
  
  .el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: none !important;
  }
}

.adminui-header-left {
  display: flex;
  align-items: center;
  padding-left:20px; 
  .logo-bar{
    width: 400px;
  }
  .panel-item {
    padding: 0 10px;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    i {
      font-size: 20px;
    }
  }
  .panel-item:hover {
    color: #fff;
    background: hsla(0,0%,100%,.05);
  }
}
.adminui-header-right {display: flex;align-items: center;}
.adminui-header .logo-bar {font-size: 18px;font-weight: bold;display: flex;align-items: center;}
.adminui-header .logo-bar .logo {margin-right: 10px;width: 35px;height: 35px;}
.adminui-header .nav {display: flex;height: 100%;}
.adminui-header .nav li {padding:0 10px;font-size: 14px;color: rgba(0, 0, 0, 0.6);list-style: none;height: 100%;display: flex;align-items: center;cursor: pointer;}
.adminui-header .nav li i {margin-right: 5px;}

.adminui-header-menu {
  height: 48px;

}


/* 左侧菜单 */
.aminui-side-split {width: 80px;flex-shrink:0;
  // background: rgba(22,71,163,.1);
  background:var(--el-color-primary-light-9);
  display: flex;flex-flow: column;}
.aminui-side-split-top {height: 49px;}
.aminui-side-split-top a {display: inline-block;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.aminui-side-split-top .logo {height:30px;vertical-align: bottom;}
.adminui-side-split-scroll {overflow: auto;overflow-x:hidden;height: 100%;flex: 1;}
.aminui-side-split li {cursor: pointer;width: 80px;height: 65px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.aminui-side-split li.active i, .aminui-side-split li.active p{   opacity:1;filter:alpha(opacity=100);}
.aminui-side-split li i {font-size: 24px;}

// .aminui-side-split li.active {background: #409EFF;}
.adminui-side-split-scroll::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, 0.4);border-radius:5px;}
.adminui-side-split-scroll::-webkit-scrollbar-thumb:hover {background-color: rgba(255, 255, 255, 0.5);}
.adminui-side-split-scroll::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0);}
.adminui-side-split-scroll::-webkit-scrollbar-track:hover {background-color: rgba(255, 255, 255, 0);}

.aminui-side-split+.aminui-side 
{
  width:170px;
  .el-menu-item.is-active{
    box-shadow: none;
  }
  .el-sub-menu .el-menu-item {
      min-width: 160px;
  }
}
.aminui-side {display: flex;flex-flow: column;flex-shrink:0;width:200px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: 1px solid #e6e6e6;transition:width 0.3s;}
.adminui-header .el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
  border-bottom: 0px solid transparent !important;
  color: rgba(255, 255, 255, 1.0) ;
  box-shadow: inset 0 -3px 0 0 #4fe3c1;
}
 .adminui-header .el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
  border-bottom: 0px solid transparent !important;
  color: rgba(255, 255, 255, 0.7) ;
}
.adminui-side-top {border-bottom: 1px solid #ebeef5;height:50px;line-height: 50px;}
.adminui-side-top h2 {padding:0 20px;font-size: 17px;color: #3c4a54;}
.adminui-side-scroll {overflow: auto;overflow-x:hidden;flex: 1;}
.adminui-side-bottom {border-top: 1px solid #ebeef5;color: #3c4a54;height:35px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.adminui-side-bottom i {font-size: 16px; }
.adminui-side-bottom:hover {color: var(--el-color-primary);}
.aminui-side.isCollapse {width: 65px;}

/* 右侧内容 */
.aminui-body {flex: 1;display: flex;flex-flow: column;}



.right-panel-search {display: flex;align-items: center;}
.right-panel-search > * + * {margin-left:10px;}

//f5f7f9
.adminui-main {overflow: auto;background-color: #f5f7f9;flex: 1;}

/*页面最大化*/
.aminui.main-maximize {
	.main-maximize-exit {display: block;}
	.aminui-side-split, .aminui-side, .adminui-header, .adminui-topbar, .adminui-tags {display: none;}
  .adminui-tags + .contextmenu + .adminui-main .adminui-topbar + .splitpanes, .adminui-tags + .adminui-main .adminui-topbar + .splitpanes {
      height: 100%;
  }
  .adminui-topbar + .splitpanes {
    height: 100%;
  }
  .adminui-tags + .contextmenu + .adminui-main .adminui-topbar + .page, .adminui-tags + .adminui-main .adminui-topbar + .page {
    height: calc(100% - 20px) !important;
  }

  .adminui-topbar + .page {
      height: calc(100% - 20px) !important;
  }
}
.main-maximize-exit {display: none;position: fixed;z-index: 3000;top:-20px;left:50%;margin-left: -20px;border-radius: 50%;width: 40px;height: 40px;cursor: pointer;background: rgba(0,0,0,0.2);text-align: center;}
.main-maximize-exit i {font-size: 14px;margin-top: 22px;color: #fff;}
.main-maximize-exit:hover {background: rgba(0,0,0,0.4);}
/** 自定义页面样式*/
.el-card__body {
    overflow: auto;
}
// .vxe-table{
// 	padding:10px; 
// 	height:100%;
// 	.vxe-table-body{
// 		height: calc(100% - 90px);
// 	}
// 	.vxe-tree-table-body{
// 		height: calc(100% - 60px);
// 	}
// }
.text-grey {
  color: rgb(153, 153, 153) !important;
}
.help-block {
  color: #9ca0a7;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.adminui-topbar+.page{
  height: calc(100% - 123px) !important;
  margin: 12px 12px 8px 12px;
}
.page{
    height: calc(100% - 16px);
    display: block;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
    padding: 16px 16px 0 16px;
    margin: 8px 12px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    .query-form {
      margin-bottom: 0 !important;
    }
    .query-form + .jp-table{
      height: calc(100% - 66px);
    }
    .jp-table{
      // border: 1px solid #EBEEF5;
      background-color: #FFF;
      -webkit-transition: .3s;
      transition: .3s;
      border-radius: 4px;
      overflow: hidden;
      height: 100%;
      .jp-table-body{
        height: calc(100% - 90px);
      }
    }
    .body-tree{
      height: calc(100% - 50px);	
    }    
  }
.left-panel {
  .query-form {
    padding: 18px 5px 0px 5px;
    background-color: #ffffff;
  }
}
.adminui-topbar+.page2{
  height: calc(100% - 118px);
}
.page2+.el-header{
  height: calc(100% - 40px);
}
.page2{
    height: 100%;
    margin: 0px;
    background-color: #FFF;
    .jp-table{
      // border: 1px solid #EBEEF5;
      -webkit-transition: .3s;
      transition: .3s;
      border-radius: 4px;
      overflow: hidden;
      padding: 10px 10px 5px 10px;
      height: 100%;
      .jp-table-body{
        height: calc(100% - 85px);
      }
    }
    .body-tree{
      height: calc(100% - 50px);	
    }
}
.tree-footer {
  height: 45px;
}
.p-0{
  padding: 0;
}
.p-l-16 {
  padding: 16px 0px 0px 16px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-r-10 {
  margin-right:10px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-r-5 {
  margin-right:5px;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-l-0{
  margin-left: 0px !important;
}

.el-header{
  height: auto;
}
.m-p-13-15{
  padding:13px 15px;
}

.page-white {
  background: #fff;
  padding: 10px;
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.splitpanes.default-theme .splitpanes__splitter {
  background-color: transparent !important;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
}
.bt-group{
  padding:20px;
  text-align: right;
  display: block;
  width: 100%;
}
.child-tab {
  padding: 20px;
  .child-table {
    width: 100%; margin: 10px;
  }
}

.custom-tree-node {display: flex;flex: 1;align-items: center;justify-content: space-between;font-size: 14px;padding-right: 24px;height:100%;}
.custom-tree-node .label {display: flex;align-items: center;;height: 100%;}
.custom-tree-node .label.grey {color: #999;}
.custom-tree-node .label .el-tag {margin-left: 5px;}

.el-tree-node__content {
  .do {display: none;}
}
.el-tree-node__content:hover{
  .do {
    display: flex;
    align-items: center;
    height: 100%;
    i { 
      margin-left:5px;
      color: #999;
      padding:5px;
    }
    i:hover {
      color: #333;
    }
  }
}
.tip {
  padding: 8px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 20px 0;
}

.el-empty {
  margin-top: 100px;
}